var myChart = echarts.init(document.getElementById('main'));

var dataAxis = ['全市', '温州市台', '苍南', '泰顺', '永嘉', '乐青', '洞头', '瑞安', '文成', '平阳'];
var yMax = 100;
var dataShadow = [];

// for (var i = 0; i < data.length; i++) {
//     dataShadow.push(yMax);
// }

option = {
    title: {
        text: '温州各站点--预报准确率',
        subtext: '2017年11月5日'
    },
    tooltip:{
        trigger:"axis",
    },
    legend:{
        data:["EC","OCF"]
    },
    toolbox: {
        show : true,
        feature : {
            dataView : {show: true, readOnly: false},
            magicType : {show: true, type: ['line', 'bar']},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    calculable : true,
    xAxis : [
        {
            type : 'category',
            data : dataAxis,
            axisLabel : {
                formatter: '{value}',
                textStyle: {
                    color: '#999'
                }
            }
        }
    ],
    yAxis: [
        {
            type : 'value',
            max:100,
            interval:25,
            axisLabel : {
                formatter: '{value}',
                textStyle: {
                    color: '#999'
                }
            }
        }
    ],

    series: [
        {
            name:'EC',
            type:'bar',
            data:[73, 72, 74, 75, 74, 75, 73, 72, 73, 72],
            barWidth:30,

            itemStyle:{
                normal:{
                    color:'#53B4FF'
                }
            },
        },
        {
            name:'OCF',
            type:'bar',
            data:[73, 72, 74, 75, 74, 75, 73, 72, 73, 72],
            barWidth:30,
            itemStyle:{
                normal:{
                    color:'#56F368'
                }
            }
        }
    ]
};

// Enable data zoom when user click bar.
var zoomSize = 6;

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);